{extend name="base"}
{block name="content"}
<div class="main_div">
	<div class="mk_preview">
		<div class="title">商户概览</div>
		<div class="content">
			<div class="content_l">
				<div class="c_l_t">
					<div class="sumMoney">
						<i class="iconfont icon-wallet"></i>
						<div class="text">账户余额：<span>{$dealStat.money + 0|sprintf="%.2f",###}</span> 元</div>
					</div>
					<div class="tips">满100元自动结算，无须手动提现</div>
				</div>
				<div class="c_l_b">
					<div class="item">
						<div class="i_content">
							<div class="icon_div"><i class="iconfont icon-invest"></i></div>
							<div class="text">
								<div class="p_1">今日收款（元）</div>
								<div class="p_1">{$today['transaction_money']|sprintf="%.2f",###}</div>
							</div>
						</div>
						<div class="i_tips">
							<span>今日成交：{$today['count'] + 0}笔</span>
							<span>今日卖出：{$dealStat.cardnum}张</span>
						</div>
					</div>
					<div class="item">
						<div class="i_content">
							<div class="icon_div"><i class="iconfont icon-transaction"></i></div>
							<div class="text">
								<div class="p_1">昨日收款（元）</div>
								<div class="p_1">{$today['profit']|sprintf="%.2f",###}</div>
							</div>
						</div>
						<div class="i_tips">
							<span>昨日成交：{$dealStat.yesterday_order_num}笔</span>
							<span>昨日卖出：{$dealStat.yesterday_cardnum}张</span>
						</div>
					</div>
					<div class="item">
						<div class="i_content">
							<div class="icon_div"><i class="iconfont icon-lendmoney"></i></div>
							<div class="text">
								<div class="p_1">上次结算（元）</div>
								<div class="p_1">{$dealStat.money + $dealStat.last_cash|sprintf="%.2f",###}</div>
							</div>
						</div>
						<div class="i_tips">
							<span>最近结算：{$dealStat.money + $dealStat.last_cash|sprintf="%.2f",###}笔</span>
							<span>今日利润：{$today['profit']|sprintf="%.2f",###}元</span>
						</div>
					</div>
				</div>
			</div>
			<img src="/static/merchant/pc/img/home_1.png" alt="" class="content_r">
		</div>
	</div>
	<ul class="mk_nav">
		<li class="item_1">
			<a href="/merchant/user/settings">
				<div class="icon_div"><i class="iconfont icon-people"></i></div>
				<span>商户设置</span>
			</a>
		</li>
		<li class="item_2">
			<a href="/merchant/cash/index">
				<div class="icon_div"><i class="iconfont icon-activity"></i></div>
				<span>结算记录</span>
			</a>
		</li>
		<li class="item_3">
			<a href="/merchant/user/link">
				<div class="icon_div"><i class="iconfont icon-homepage"></i></div>
				<span>店铺链接</span>
			</a>
		</li>
		<li class="item_4">
			<a href="/merchant/goods_card/add">
				<div class="icon_div"><i class="iconfont icon-tools"></i></div>
				<span>添加卡密</span>
			</a>
		</li>
		<li class="item_5">
			<a href="/merchant/goods_category/index">
				<div class="icon_div"><i class="iconfont icon-createtask"></i></div>
				<span>添加分类</span>
			</a>
		</li>
		<li class="item_6">
			<a href="/merchant/goods/add">
				<div class="icon_div"><i class="iconfont icon-activity"></i></div>
				<span>添加商品</span>
			</a>
		</li>
	</ul>
<div class="home_section">
							<div class="echarts_shouyi">
								<div class="d_ty_head">
									<b class="e_d_t_title">收益统计<span>Income Statistics</span></b>
									<a href="/merchant/order/analysis" class="e_d_t_all">更多<i class="iconfont icon-chevron-right"></i></a>
								</div>
								<div id="zhexian" class="e_s_div"></div>
							</div>
		<div class="inform_div">
			<div class="d_ty_head">
				<b class="e_d_t_title">平台公告<span>Announcement</span></b>
				
			</div>
			<ul class="inform_d_ul">
				{foreach $articles as $v}
			   <li class="new_inform"  data-modal="merchant/index/notice?article_id={$v.id}" title="{$v.title}"> 
					<a href="javascript:;" class="notice_li">
						<p>{$v.title}</p>
						<i class="iconfont icon-chevron-right"></i>
					</a>
				</li>
				{/foreach}
												</ul>
		</div>
	</div>
	<div class="home_section">
		<div class="record_list">
			<div class="d_ty_head">
				<b class="e_d_t_title">最新订单<span>Order</span></b>
				<a href="/merchant/order/index" class="e_d_t_all">更多<i class="iconfont icon-chevron-right"></i></a>
			</div>
			<div class="ty_box orders">
				<ul class="ty_b_list">
					<li class="ty_l_head">
						<div class="ty_l_d1" style="width: calc(10%);">订单号</div>
						<div class="ty_l_d2" style="width: calc(100% - 50%);">商品名称</div>
						<div class="ty_l_d2">订单金额</div>
						<div class="ty_l_d2" style="width:10%;">下单时间</div>
						<div class="ty_l_d5" style="width:17%;">状态</div>
					</li>
					{foreach $orders as $v}
					<li class="ty_l_li">
						<div class="ty_l_d1" style="width: calc(10%);">{$v.trade_no}</div>
						<div class="ty_l_d2" style="width: calc(100% - 50%);">{$v.goods_name}</div>
						<div class="ty_l_d2">{$v.total_product_price}</div>
						<div class="ty_l_d2" style="width:10%;">{$v.create_at|date="m.d H:i:s",###}</div>
						<div class="ty_l_d5" style="width:17%;">{switch name="v.status"}

								{case value="1"}已付款{/case}

								{case value="0"}未付款{/case}

								{/switch}</div>
					</li>

					{/foreach}
					<div class="ty_b_footer">
						<div id="page" class="page_div"></div>
					</div>
				</ul>
			</div>
		</div>
 		<div class="login_div">
			<div class="d_ty_head">
				<b class="e_d_t_title">登录日志<span>Login Log</span></b>
				<a href="/merchant/user/loginlog" class="e_d_t_all">更多<i class="iconfont icon-chevron-right"></i></a>
			</div>
			<div class="login_record_list">
				
				<div class="login_record_div">
					
					<div class="l_r_l_date">
						<p class="p1"></p>
						<p class="p2"></p>
					</div>
					<div class="l_r_l_yuan"></div>
					<div class="l_r_l_text" style="text-align: left">登录<br/>IP&nbsp;:&nbsp;&nbsp;<a href="//www.baidu.com/s?wd=&amp;rsv_spt=1&amp;issp=1&amp;rsv_bp=0&amp;ie=utf-8&amp;tn=baiduhome_pg" title="点击查看IP来源" target="_blank"></a></div>
					
				</div>
										
				</div>
		</div>
	</div>
</div>
{/block}

{block name="appendJS"}
<script>
    var layer;
    layui.use(['layer'], function () {
        layer = layui.layer;
    });

    var layer_index = [];

    /**
     * 自定义ajax
     * @param url
     * @param data
     * @param before
     * @param success
     * @param error
     * @param type
     * @param ok_code
     * @param header
     */
    var do_ajax = function (url, data = {}, before = null, success = null, error = null, type = 'POST', ok_code = 1, header = {}) {
        $.ajax({
            url: url,
            headers: header,
            type: type,
            data: data,
            beforeSend: function() {
                if (before !== null) {
                    before();
                } else {
                    layer.load(2, {time: 0});
                }
            },
            success: function(res) {
                if (success !== null) {
                    success(res, ok_code);
                } else {
                    layer.closeAll();
                    if (res.code === ok_code) {
                        layer.msg(res.msg, { icon: 1});
                    } else {
                        layer.msg(res.msg, { icon: 2});
                    }
                }
            },
            error: function(error) {
                if (error !== null) {
                    error(res);
                } else {
                    layer.closeAll();
                    layer.msg('服务器繁忙，请稍后再试！', {icon: 2});
                }
            }
        });
    }

    var jsonDecode = function (value) {
        return value ? JSON.parse(value) : [];
    }
</script>
	
	<script>
		$(function(){
			// $('.main_h_t_infos').headTextSlide();
			echartsInit();
		})
		function echartsInit(){
			// nameTextStyle: {
			// 	// color: '#adafb5'
			// 	color: 'yellow'
			// }
			//基于准备好的dom，初始化折线图和饼状图
	        var myZX = echarts.init(document.getElementById('zhexian'),'infographic');
	        // var myY = echarts.init(document.getElementById('yuan'),'infographic');
	        // 指定折线图表的配置项和数据
	        var ZXoption = {
	        	color: ['#7a7ff7','#61cad7'],
	            legend: {
	                data:['流水资金','纯利润']
	            },
	            tooltip: {
			        trigger: 'axis'
			    },
				grid:{
					top: 55,
					x: 40,
					y2: 30,
					x2: 0
				},
	            xAxis:{
	            	type:"category",
	            	data: [ {foreach $monthStatis as $day => $v}'{$day}',{/foreach}
            								],
					axisLabel: {
						textStyle: { //改变刻度字体样式
							color: '#adafb5',
							fontSize: '12px'
						}
					}
				},
	            yAxis: {
					axisLabel: {
						textStyle: { //改变刻度字体样式
							color: '#adafb5',
							fontSize: '12px'
						}
					}
				},
	            series: [{
	                name: '流水资金',
	                type: 'line',
	                data: [	{foreach $monthStatis as $day => $v}
                        						{$v.transaction_money},	{/foreach}
                        					],
					markPoint: {
						data: [
							{ type: 'max', name: '最大值' },
						]
					},
	            },{
	            	name: '纯利润',
	                type: 'line',
	                data: [	{foreach $monthStatis as $day => $v}
                                                {$v.profit},	{/foreach}
                        					],
					markPoint: {
							data: [
								{ type: 'max', name: '最大值' },
							]
						},
	            }]
	        };

	        // 使用刚指定的配置项和数据显示图表。
	        myZX.setOption(ZXoption);
			window.onresize = function () {
				myZX.resize();

			}
		}

	</script>
{/block}